@import '~@assets/styles/_variables.sass';

.we-file-navbar {
    position: absolute;
    display: flex;
    justify-content: flex-end;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 100;
    background: #fff;
    i{
        padding: 6px 5px;
        flex: 0 1 auto;
    }
    .navbar-cursor {
        cursor: pointer;
    }
}
.we-file-navbar-nav{
    padding: 3px 10px 3px 0;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.we-search-wrap{
    display: flex;
    flex: 0 0 auto;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: $actionbar-height;
    border: $line-border;
    border-right: none;
    border-left: none;

    input{
        color: $text-origin-color;
        padding-left: 12px;
        border: none;
        flex: 1 1 auto;
        font-size: 12px;
        outline: none
    }
    &:focus{
        outline: none
    }
    .search-btn{
        color: $text-origin-color;
        width: $actionbar-height;
        height: $actionbar-height;
        line-height: $actionbar-height;
        text-align: center;

        &:hover{
            color: $text-over-color;
        }

        &:before{
            font-family: 'font-dws-icon' !important;
            font-style: normal;
            font-weight: normal;
            font-variant: normal;
            text-transform: none;
            line-height: 1;
            content: '\e903';
        }
    }

}

